@charset "UTF-8";
/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

progress { vertical-align: baseline; }

template, [hidden] { display: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

button, input, optgroup, select, textarea { font: inherit; margin: 0; }

optgroup { font-weight: bold; }

button, input { overflow: visible; }

button, select { text-transform: none; }

button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-input-placeholder { color: inherit; opacity: 0.54; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

/* 箭头
arrow(direction,
size,
color);
*/
/*宽高在一起*/
/*表单元素 placeholder 样式*/
/*利用padding制作可控制大小的竖线*/
/*网站常用css样式*/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0; box-sizing: border-box; }

.fl { float: left; }

.fr { float: right; }

.clearfix, .np, .newsList li, .newsList li .wz h3 { *zoom: 1; }
.clearfix:after, .np:after, .newsList li:after, .newsList li .wz h3:after { content: ''; display: table; clear: both; }

a { text-decoration: none; color: inherit; }
a:hover { color: #228B22; }

.dpib { font-size: 0; text-align: justify; }
.dpib:after { content: ''; display: inline-block; width: 100%; height: 0; }

.tow, .inpro .inprotx .bd li p, .innews .inewstx li h3 a, .innews .innewsitem li a, .honoritem li p, .np .next, .np .prev, .newsList li .wz h3 a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

html { font-size: 125%; font-family: Microsoft YaHei,arial,sans-serif; -webkit-text-size-adjust: none; overflow-x: hidden; color: #333; }

ul li { list-style: none; }

.container { width: 1000px; margin: 0 auto; }

/*头部*/
.wel { background: #ddd; font-size: .7rem; line-height: 35px; }
.wel .lan a { display: inline-block; padding: 0 15px; line-height: 25px; }
.wel .lan a.cur { border: 1px solid #666; border-radius: 5px; background: #efefef; }

.logo { height: 110px; padding: 10px 0; }
.logo .logoimg { display: block; width: 394px; height: 90px; text-align: center; }
.logo .logoimg img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.logo .logoimg:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.logo .search-group { margin-top: 30px; }
.logo .search-group .search { width: 300px; height: 35px; border: 1px solid #ccc; border-radius: 5px; background: #fff; font-size: .7rem; padding-left: 10px; }
.logo .search-group input[type="submit"] { font-size: 0; width: 35px; height: 35px; background: #228B22 url(../images/search-btn.png) center no-repeat; border-radius: 5px; border: none; outline: none; vertical-align: middle; cursor: pointer; }

nav { line-height: 40px; border-top: 1px solid #ccc; }
nav .menu { text-align: left; height: 40px; font-size: 0; }
nav .menu > li { display: inline-block; font-size: .8rem; padding: 0 40px; position: relative; }
nav .menu > li > a { display: block; color: #222; }
nav .menu > li:hover, nav .menu > li.cur { background: #228B22; }
nav .menu > li:hover > a, nav .menu > li.cur > a { color: #fff; }
nav .menu > li + li { background: url(../images/menufg.jpg) left center no-repeat; }
nav .submenu { display: none; position: absolute; z-index: 999; left: 0; width: 100%; background: #228B22; text-align: center; padding: 10px 0; }
nav .submenu > li { line-height: 30px; font-size: .7rem; }
nav .submenu > li > a { color: #fff; }
nav .submenu > li:hover { background: #1e7d1e; }

/*产品中心*/
.inpro { margin: 40px 0; }
.intitle { text-align: center; margin-bottom: 30px; }
.intitle .entit { font-size: 2.5rem; font-weight: normal; color: #228B22; font-family: "Bell MT"; height: 40px; line-height: 40px; text-transform: uppercase; }
.intitle .zhtit { font-size: 1.2rem; color: #000; line-height: 40px; font-weight: normal; position: relative; }
.intitle .zhtit:after, .intitle .zhtit:before { content: ''; position: absolute; display: block; width: 50%; top: 20px; height: 1px; background: #ccc; }
.intitle .zhtit:after { left: 55%; }
.intitle .zhtit:before { right: 55%; }
.inpro .inprotx { position: relative; }
.inpro .inprotx .prev, .inpro .inprotx .next { display: block; position: absolute; z-index: 999; width: 30px; height: 50px; top: 45%; margin-top: -25px; background: url(../images/jt-icon.png) center no-repeat; opacity: .7; }
.inpro .inprotx .prev:hover, .inpro .inprotx .next:hover { opacity: 1; }
.inpro .inprotx .prev { left: 0; background-position: 0 -60px; }
.inpro .inprotx .next { right: 0; background-position: 0 0; }
.inpro .inprotx .bd { width: 100%; overflow: hidden; }
.inpro .inprotx .bd li { float: left; width: 230px; margin: 0 10px; }
.inpro .inprotx .bd li .img { display: block; width: 230px; height: 230px; text-align: center; border-radius: 50%; border: 2px solid #228B22; overflow: hidden; }
.inpro .inprotx .bd li .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.inpro .inprotx .bd li .img:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.inpro .inprotx .bd li p { font-size: .7rem; line-height: 35px; text-align: center; }

/*新闻动态*/
.innews { padding: 20px 0; }
.innews .inewstx { width: 470px; }
.innews .inewstx li { margin-bottom: 10px; }
.innews .inewstx li h3 { background: #D1D1D1; line-height: 35px; font-size: .8rem; padding-left: 20px; font-weight: normal; }
.innews .inewstx li h3 a { color: #666666; display: block; }
.innews .inewstx li h3.select { background: #228B22; }
.innews .inewstx li h3.select a { color: #fff; }
.innews .inewstx li p { display: none; height: 100px; background: #efefef; color: #666666; text-align: left; padding: 5px 20px; font-size: .7rem; line-height: 1.7; overflow: hidden; }
.innews .innewsitem { width: 470px; }
.innews .innewsitem li { background: #D1D1D1; line-height: 38px; font-size: .8rem; padding-left: 20px; margin-bottom: 9px; color: #666666; }
.innews .innewsitem li a { display: block; }
.innews .more { text-align: center; margin-top: 20px; }
.innews .more a { display: inline-block; border: 1px solid #ccc; border-radius: 10px; width: 100px; line-height: 30px; line-height: 30px; background: #FFF; color: #000; font-size: 14px; text-align: center; }
.innews .more a:hover { background: #228B22; color: #fff; }

/*公司简介*/
.inabout { background: #E5E5E5; padding: 40px 0; }
.inabout .aboutcon { width: 500px; padding-right: 30px; border-right: 1px solid #ccc; }
.inabout .aboutcon .abctit { background: url(../images/inbaout-tit-bg.png) left center no-repeat; padding-left: 20px; font-size: 1.25rem; color: #000; line-height: 30px; font-weight: normal; margin-bottom: 10px; }
.inabout .aboutcon .abctit a { color: #333; float: right; font-size: .7rem; }
.inabout .aboutcon .abctit a:hover { color: #228B22; }
.inabout .aboutcon .info { font-size: .7rem; color: #333; line-height: 1.7; height: 280px; overflow: hidden; }
.inabout .aboutcon .info p { text-indent: 2em; }
.inabout .aboutcon .info .imgl { float: left; margin-right: 10px; }
.inabout .incont { width: 470px; font-size: .8rem; }
.inabout .incont .phone { font-size: 1.1rem; color: #000; margin-bottom: 20px; }
.inabout .incont .phone:before { content: url(../images/phone-icon.png); display: inline-block; width: 30px; height: 30px; border-radius: 5px; background: #228B22; text-align: center; vertical-align: middle; margin-right: 10px; }
.inabout .incont p { margin-bottom: 10px; }
.inabout .incont .mapimg { margin-top: 20px; }

/*底部导航*/
.ftmenu { margin: 30px 0; height: 35px; line-height: 35px; background: #228B22; text-align: center; font-size: 0; }
.ftmenu li { display: inline-block; font-size: .8rem; }
.ftmenu li a { display: block; padding: 0 40px; color: #fff; }
.ftmenu li + li { background: url(../images/menufg-bai.jpg) left center no-repeat; }

/*页脚*/
footer { text-align: center; font-size: .7rem; color: #333; }
footer p { margin-bottom: 10px; }

.page-banner { height: 350px; background-position: 50% 0; background-repeat: no-repeat; }

.pagemain { padding-top: 30px; }

.page-en-tit { text-align: center; color: #228B22; font-size: 1.5rem; line-height: 35px; font-weight: normal; text-transform: uppercase; }

.page-zh-tit { text-align: center; color: #333333; font-size: 1.1rem; font-weight: normal; line-height: 35px; }

.page-sub-menu { height: 40px; line-height: 40px; text-align: center; font-size: 0; background: #228B22; margin: 20px 0; }
.page-sub-menu li { display: inline-block; font-size: .7rem; }
.page-sub-menu li a { display: block; padding: 0 20px; color: #fff; }
.page-sub-menu li a:hover { text-decoration: underline; }
.page-sub-menu li + li { background: url(../images/menufg-bai.jpg) left center no-repeat; }

.page-article { font-size: .7rem; color: #222; line-height: 1.75; }
.page-article p { margin-bottom: 10px; }
.page-article .imgr { float: right; margin-left: 10px; }

/*荣誉资质*/
.honoritem { margin: 0 -10px; }
.honoritem li { width: 235px; float: left; margin: 0 10px 20px 10px; }
.honoritem li .img { display: block; width: 100%; height: 300px; text-align: center; border: 1px solid #ccc; }
.honoritem li .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.honoritem li .img:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.honoritem li p { line-height: 30px; font-size: .7rem; color: #222; text-align: center; }

/*解决百度地图错位的问题*/
#BMapLib_transBox0 table td { box-sizing: content-box; }

/*产品列表*/
.prolist { margin: 0 -10px; }
.prolist li { width: 235px; float: left; margin: 0 10px 20px 10px; }
.prolist li .img { display: block; width: 100% l; height: 230px; text-align: center; border: 1px solid #ccc; overflow: hidden; }
.prolist li .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.prolist li .img:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.prolist li .img img { -webkit-transition: all .5s ease; transition: all .5s ease; }
.prolist li p { text-align: center; font-size: .7rem; color: #222; line-height: 40px; background: #efefef; -webkit-transition: all .5s ease; transition: all .5s ease; }
.prolist li:hover .img { border-color: #228B22; }
.prolist li:hover .img img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.prolist li:hover p { background: #228B22; color: #fff; }

/*flexslider banner 样式*/
.flexslider { position: relative; height: 600px; overflow: hidden; background: url(../images/flexSliderImg/loading.gif) 50% no-repeat; }
.flexslider .slides { position: relative; z-index: 1; }
.flexslider .slides li { height: 600px; background-size: cover; }
.flexslider .flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; }
.flexslider .flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1; }
.flexslider .flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; border-radius: 50%; background: rgba(0, 0, 0, 0.7); border: 1px solid #fff; cursor: pointer; }
.flexslider .flex-control-nav .flex-active { background: #228B22; }
.flexslider .flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flexslider .flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flexslider .flex-direction-nav li a.flex-prev { left: 40px; background: url(../images/flexSliderImg/prev.png) center center no-repeat; }
.flexslider .flex-direction-nav li a.flex-next { right: 40px; background: url(../images/flexSliderImg/next.png) center center no-repeat; }

/* bootstrap 分页样式 */
.pagelist { text-align: center; font-size: 12px; }

.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; }
.pagination > .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > span:hover, .pagination > .disabled > span:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > a { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/*文章标题*/
.article-title { text-align: center; font-size: 22px; color: #000; line-height: 2; }

.article-info { text-align: center; font-size: 14px; color: #666; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; }
.article-info span { color: #228B22; padding-right: 10px; }

/*上一篇下一篇*/
.np { padding: 20px 0; font-size: .7rem; }
.np .next, .np .prev { width: 48%; border-left: 4px solid #228B22; padding-left: 15px; background: rgba(200, 200, 200, 0.4); line-height: 30px; }
.np .next a, .np .prev a { color: #228B22; }
.np .next a:hover, .np .prev a:hover { text-decoration: underline; }
.np .next { float: right; }
.np .prev { float: left; }

/*
* 图文列表的新闻样式
* 对应 代码块 newsList1
*/
.newsList li { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }
.newsList li .tu { display: block; width: 20%; height: 127px; text-align: center; border: 1px solid #ccc; background: #fff; }
.newsList li .tu img { max-width: 100%; max-height: 100%; vertical-align: middle; }
.newsList li .tu:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }
.newsList li .wz { width: 77%; }
.newsList li .wz h3 { font-size: .8rem; color: #333; line-height: 2; }
.newsList li .wz h3 a { display: inline-block; width: 80%; float: left; text-align: left; }
.newsList li .wz h3 span { display: inline-block; width: 15%; float: right; text-align: right; padding-right: 5px; font-weight: normal; font-size: .7rem; color: #666; }
.newsList li .wz .info { font-size: .7rem; line-height: 1.5; color: #333; height: 63px; overflow: hidden; }
.newsList li .wz .more { font-size: .7rem; color: #f00; float: right; margin-top: 10px; position: relative; }
.newsList li .wz .more:after, .newsList li .wz .more:before { position: absolute; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.newsList li .wz .more:after { content: "]"; right: 10px; }
.newsList li .wz .more:before { content: "["; left: 10px; }
.newsList li .wz .more:hover:after { right: -10px; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.newsList li .wz .more:hover:before { left: -10px; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }